﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>ready.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>
  
	<script type="text/javascript">
		//定义a()和b()二个方法
		function a(){
			alert("JS方式");
		}
		function b(){
			alert("JQUERY方式");
		}
		/*使用JS方式加载a()和b()二个方法
		window.onload = function(){
			a();
		}
		window.onload = function(){
			b();
		}
		*/

		/*使用jQuery方式加载a()和b()二个方法
		$(document).ready(function(){
			a();
		});	
		$(document).ready(function(){
			b();
		});	
		*/
	
		/*使用jQuery最简方式加载a()和b()二个方法
		$(function(){
			a();
		});
		$(function(){
			b();
		});
		*/
		
		//将js方式的onload与jquery方式的ready对比，看哪个执行快
		window.onload = function(){
			alert("传统");
		}
		$(function(){
			alert("现代");
		});
		
	</script>	
	  	
  </body>
</html>
